<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">
    </script>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <title>首页</title>
</head>

<body>
    <!-- 头部 -->
    <div class="top d-flex justify-content-between align-items-center">
        <div class="top-title">沈阳智杰网络科技有限公司</div>
        <div class="menu-box">
            <div class="d-none d-md-block">
                <ul>
                    <a href="index.html" class="active">
                        <li>首页</li>
                    </a>
                    <a href="aboutUs.html">
                        <li>关于我们</li>
                    </a>
                    <a href="network.html">
                        <li>网络开发</li>
                    </a>
                    <a href="extension.html">
                        <li>推广营销</li>
                    </a>
                    <a href="case.html">
                        <li>最新案例</li>
                    </a>
                    <a href="news.html">
                        <li>行业新闻</li>
                    </a>
                    <a href="contact.html">
                        <li>联系我们</li>
                    </a>
                </ul>
            </div>
            <!-- 手机导航 -->
            <a class="ml-auto phone-menu d-md-none" data-toggle="collapse" href="#collapseExample" role="button"
                aria-expanded="false" aria-controls="collapseExample">
                <svg class="bi bi-list" width="36px" height="28px" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                </svg>
            </a>
            <div class="collapse list-box" id="collapseExample">
                <div class="card card-body d-md-none">
                    <div class="top-title phone-card-top">
                        <span>沈阳智杰网络科技有限公司</span>
                        <img src="./images/close_icon.png" alt="" class="close-icon">
                    </div>
                    <ul class="phone-menu-list">
                        <a href="index.html">
                            <li>首页</li>
                        </a>
                        <a href="aboutUs.html">
                            <li>关于我们</li>
                        </a>
                        <a href="network.html">
                            <li>网络开发</li>
                        </a>
                        <a href="extension.html">
                            <li>推广营销</li>
                        </a>
                        <a href="case.html">
                            <li>最新案例</li>
                        </a>
                        <a href="news.html">
                            <li>行业新闻</li>
                        </a>
                        <a href="contact.html">
                            <li>联系我们</li>
                        </a>
                    </ul>
                </div>
            </div>
            <!-------------->
        </div>
    </div>

    <div class="banner-box">
        <img src="./images/banner.jpg" alt="" class="banner">
        <img src="./images/earth.png" alt="" class="earth d-none d-md-block">
    </div>

    <div class="title-box d-none d-md-block">
        <span>品质，</span>
        <span>赢天下</span>
    </div>

    <div class="d-md-none">
        <div class="type-phone">
            <div class="type-item-top">
                <div class="type-phone-block"></div>
                <div class="type-phone-top-img">
                    <img src="./images/index_phone29.png" alt="">
                </div>
            </div>
            <div class="type-top-phone-text">
                <span class="fs-32 color-799 font-bold type-top-phone-title">成立于2017</span>
                <p class="fs-22 color-333 font-bold">沈阳智杰网络科技有限公司成立于2017年，3年多以来秉承 着“专业、诚信、值得信赖”的经营理念，专注于 各类软件的定制开发及网</p>
                <a href="#" class="fs-20 font-bold">查看更多+</a>
            </div>

            <div class="type-middle-phone d-flex justify-content-between">
                <div class="type-middle-left-phone">
                    <img src="./images/index_phone30.png" alt="">
                    <div class="type-middle-left-phone-text">
                        <p class="fs-32 color-799 font-bold">为了成为更好的自己</p>
                        <p class="fs-22 color-333 font-bold">我们从未停下前进的脚步</p>
                        <a href="#" class="fs-22 font-bold">查看更多+</a>
                    </div>
                </div>
                <div class="type-middle-right-phone">
                    <div class="type-middle-right-phone-text">
                        <p class="fs-32 color-799 font-bold">您，需要联系我们了</p>
                        <p>◆ 连锁商超 ◆ 三方服务平台</p>
                        <p></p>
                        <p>◆ 大中型企业</p>
                        <a href="#" class="fs-20 font-bold">查看更多+</a>
                    </div>
                    <img src="./images/index_phone31.png" alt="">
                </div>
            </div>
            <div class="type-bottom-phone d-flex">
                <div class="type-bottom-phone-left">
                    <div class="type-bottom-img-box-phone">
                        <a href="webDevelopment.html">
                            <img src="./images/index_phone41.png" alt="">
                        </a>
                    </div>
                    <div class="type-bottom-img-box-phone">
                        <a href="smallProgramDevelopment.html">
                            <img src="./images/index_phone38.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="type-bottom-phone-middle">
                    <div class="type-bottom-img-box-phone">
                        <a href="webDevelopment.html">
                            <img src="./images/index_phone40.png" alt="">
                        </a>
                    </div>
                    <div class="type-bottom-img-box-phone">
                        <a href="network.html">
                            <img src="./images/index_phone37.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="type-bottom-phone-right">
                    <div class="type-bottom-img-box-phone">
                        <a href="appDevelopment.html">
                            <img src="./images/index_phone42.png" alt="">
                        </a>
                    </div>
                    <div class="type-bottom-img-box-phone">
                        <a href="extension.html">
                            <img src="./images/index_phone39.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="type color-white d-none d-md-block">
        <div class="d-flex">
            <div class="type-left">
                <a href="#">
                    <img src="./images/20.png" alt="">
                    <div class="left-text">
                        <span class="left-title fs-36 font-bold">成立于2017</span>
                        <span class="left-content fs-16 font-bold">沈阳智杰网络科技有限公司成立于2017年，3年多以来秉承</span>
                        <span class="left-content fs-16 font-bold">着“专业、诚信、值得信赖”的经营理念，专注于</span>
                        <span class="left-content fs-16 font-bold">各类软件的定制开发及网络营销推广</span>
                        <p class="see-more fs-16 color-white font-bold">查看更多+</p>
                    </div>
                </a>
            </div>
            <div class="type-right">
                <div class="right-top-box">
                    <a href="#">
                        <img src="./images/21.png" alt="" class="right-top-img">
                        <div class="right-text">
                            <div class="right-title">
                                <span class="fs-36 font-bold">为了成为更好的自己</span>
                            </div>
                            <span class="fs-16 font-bold">我们从未停下前进的脚步</span>
                            <p class="see-more fs-16 color-white font-bold">查看更多+</p>
                        </div>
                    </a>
                </div>
                <div class="right-top-box">
                    <a href="#">
                        <img src="./images/13.png" alt="" class="right-top-img">
                        <div class="right-text">
                            <div class="right-title">
                                <span class="fs-36 font-bold">您，需要联系我们了</span>
                            </div>
                            <p class="right-ul fs-16 font-bold">◆ 连锁商超</p>
                            <p class="right-ul fs-16 font-bold">◆ 大中型企业</p>
                            <p class="right-ul fs-16 font-bold">◆ 三方服务平台 </p>
                            <p class="see-more fs-16 color-white font-bold">查看更多+</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="middle-title bg-799 font-bold fs-36 text-center color-white d-none d-md-block">
        <span>我们对专业与美的追求从未停止</span>
    </div>

    <div class="type second-type d-none d-md-block">
        <div class="d-flex">
            <div class="type-left">
                <img src="./images/22.png" alt="">
                <div class="left-text">
                    <span class="left-content fs-32 font-bold mb-1">小程序开发</span>
                    <span class="left-content fs-24 font-bold mb-3">Mini Program</span>
                    <a href="#" class="see-more fs-16 font-bold mb-4">查看更多+</a>
                    <div class="line"></div>
                    <span class="left-content fs-32 font-bold mb-1">微信公众号</span>
                    <span class="left-content fs-24 font-bold mb-3">WeChat Public Platform</span>
                    <a href="#" class="see-more fs-16 font-bold">查看更多+</a>
                </div>
            </div>
            <div class="type-right">
                <div class="right-top d-flex">
                    <div class="top-left">
                        <a href="#">
                            <img src="./images/23.png" alt="">
                            <div class="right-text">
                                <p class="fs-32 font-bold mb-1">网站开发</p>
                                <p class="fs-24 mb-3">Website</p>
                                <p class="see-more fs-16 font-bold">查看更多+</p>
                            </div>
                        </a>
                    </div>
                    <div class="top-right">
                        <a href="#">
                            <img src="./images/24.png" alt="">
                            <div class="right-text">
                                <p class="fs-32 font-bold mb-1">APP开发</p>
                                <p class="fs-24 mb-3">Application</p>
                                <p class="see-more fs-16 font-bold">查看更多+</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="right-top">
                    <a href="#">
                        <img src="./images/25.png" alt="" class="right-top-img">
                        <div class="right-text">
                            <p class="fs-32 font-bold mb-1">推广营销</p>
                            <p class="fs-24 font-bold mb-3"> Promotion Marketing</p>
                            <p class="see-more fs-16 color-white font-bold">查看更多+</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="explain-box">
        <img src="./images/26_1.png" alt="">
        <div class="explain-text-box">
            <p class="fs-36 font-bold color-384 mb-1">在智杰......</p>
            <p class="fs-20">有那么一群热血青年，执着勇于创新在前进的道路上不断摸索，为您与企业服务着......</p>
        </div>
    </div>

    <div class="contact-box">
        <div class="contact-content-box">
            <div class="form-box">
                <input type="text" placeholder="姓名">
                <input type="text" placeholder="联系电话">
                <textarea name="" id="" placeholder="咨询内容"></textarea>
                <span class="btn">确认提交</span>
            </div>
        </div>
    </div>

    <div class="swiper-box">
        <p class="fs-24">合作伙伴</p>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/27.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/28_1.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/29.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/301.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./images/311.png" alt="">
                </div>

            </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>

    <!-- 底部 -->
    <div class="foot d-none d-md-block">
        <div class="foot-content">
            <div class="logo-box">
                <img src="./images/28.png" alt="" class="logo">
                <div class="url-box">
                    <img src="./images/30.png" alt="">
                    <span class="fs-24 color-384">www.syzhijie.com</span>
                </div>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">企业介绍</p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业简介</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业资质</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业文化</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">团队优势</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">战略发展</p>
                <p class="color-666 fs-16 menu-text"><a href="#">战略目标</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">经营战略</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术创新</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">服务体系</p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务对象</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">工作流程</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术支持</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">售后保障</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务理念</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">经典案例</p>
                <p class="color-666 fs-16 menu-text"><a href="#">小程序开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">公众号二开</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">APP开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">网站搭建</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">推广营销</a></p>
            </div>
            <div class="qr-box">
                <img src="./images/31.png" alt="">
                <span class="fs-16 color-666">做最牛的软件开发</span>
            </div>
        </div>
        <div class="foot-bottom">
            <span class="fs-14 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>

    <!-- 手机底部 -->
    <div class="foot-phone d-md-none">
        <div class="accordion" id="accordionExample">
            <div class="card">
                <div class="card-header" id="headingOne">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left" type="button" data-toggle="collapse"
                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            企业介绍
                            <span>+</span>
                        </button>
                    </h2>
                </div>

                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>企业简介</li>
                            </a>
                            <a href="#">
                                <li>企业资质</li>
                            </a>
                            <a href="#">
                                <li>企业文化</li>
                            </a>
                            <a href="#">
                                <li>团队优势</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingTwo">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            战略发展
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>战略目标</li>
                            </a>
                            <a href="#">
                                <li>经营战略</li>
                            </a>
                            <a href="#">
                                <li>技术创新</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingThree">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            服务体系
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>服务对象</li>
                            </a>
                            <a href="#">
                                <li>工作流程</li>
                            </a>
                            <a href="#">
                                <li>技术支持</li>
                            </a>
                            <a href="#">
                                <li>售后保障</li>
                            </a>
                            <a href="#">
                                <li>服务理念</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingFour">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            经典案例
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>小程序开发</li>
                            </a>
                            <a href="#">
                                <li>公众号二开</li>
                            </a>
                            <a href="#">
                                <li>APP开发</li>
                            </a>
                            <a href="#">
                                <li>网站搭建</li>
                            </a>
                            <a href="#">
                                <li>推广营销</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot-bottom text-center">
            <span class="fs-20 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>

    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
        let number = 5
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            number = 3
        }
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            slidesPerView: number,
            centeredSlides: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

        $('#collapseExample').on('show.bs.collapse', function () {
            $('html body').addClass('noMove')
        })

        $('.close-icon').click(function () {
            $('#collapseExample').collapse('hide')
            $('html body').removeClass('noMove')
        })
    </script>
</body>

</html>